@import '../../ui/base'

.root
	position relative

.periods
	position absolute
	top 0
	right 0
	z-index 10

.objectives
	> div
		h2
			height 20px
			margin-bottom 30px
			color #a4b2bb
			@extends .h-center
			label
				font-size $h2
			span
				margin-left 20px
		& + div
			padding-top 40px
			margin-top 40px
			border-top 1px solid $splitter-color

.totalProcess
	font-size 12px
	color rgb(153, 153, 153)
	padding 5px 12px
	background-color #f2f2f2
	display inline-block
	line-height 1

.directorList
	font-size 12px
	color #8aa4c0
	padding 3px 9px
	margin-left 15px
	background-color #dee8f3
	display inline-block
	line-height 1
	border-radius 18px
	max-width 135px
	overflow hidden
	text-overflow ellipsis
	white-space nowrap
	font-weight normal


.item
	> span
		@extends .h-center
		align-items flex-start
		justify-content space-between
		h3
			line-height 1
			align-items flex-start
			@extends .h-center
			> label
				color #555
				font-size 14px
				max-width 240px
				word-break break-all
	> ul
		margin-top 30px
		li
			line-height 1
			& + li
				margin-top 18px

.item-process
	@extends .h-center
	.priority
		margin-left 26px
		opacity 0
		width 91px
		color #8aa4c0

.objective
	& + .objective
		margin-top 30px
	background-color #f1f4f8
	padding 20px 25px
	& + item
		margin-top 30px
	> span
		align-items flex-start
		h3
			@extend .h-center
			align-items flex-start
			> label
				font-size 18px
				color #777
				font-size: 20px;
				color #666
				max-width 240px
				word-break break-all
		.priority
			opacity 1
			font-size 12px
			> span
				width 41px
				height 20px
				line-height 20px
				text-align center
				background-color #dee8f3
				margin-left 14px
				display inline-block
				font-size 12px
				border-radius 10px

.item-process-value
	color #8aa4c0
	width 32px
	text-align right
	font-size 12px
	margin-left 10px
